<template>
  <div slot="list">
    <div class="goods-list">
      <div class="title-like">猜你喜欢</div>
      <yd-list theme="1">
        <yd-list-item v-for="(goods, index) in likeList" :key="index" @click.native="$router.push(`/goods/${goods.id}`)">
          <img slot="img" v-lazy="goods.path">
          <p slot="title" class="goods-name">{{goods.goods_name}}</p> 
          <p slot="other" class="yd-price"><em>¥</em>{{goods.store_price}}</p>
        </yd-list-item>
      </yd-list>
    </div>
  </div>
</template>

<script>
  export default {
    props: {
      likeList: Array
    }
  }
</script>

<style lang="scss">
 @import '../../scss/_flex.scss';
  .goods-list {
    background: #fff;
    margin-top: 0.2rem;
    .title-like {
      text-align: center;
      padding: 0.3rem 0;
      font-size: 0.3rem;
      border-bottom: 1px solid #ccc;
    }
    .yd-list-item {
      div {
        border: 1px solid #ddd;
      }
      .yd-list-mes {
        padding: 0.15rem 0.2rem;
        border-top: 0px;
        text-align: center;
        color: #ef5c6e;
        div {
          border: 0;
          text-align: center;
        }
      }
    }
  }
</style>